<template>
  <div class="current-root">
    <home-nav-bar desc="1、导航"/>
    <div class="banner" desc="2、轮播图片">
      <img src="@/assets/image/home/banner.webp" alt="banner">
    </div>
    <home-search-box desc="3、搜索盒子"/>
<!--    <home-test/>-->
    <home-categories/>
    <home-content/>
  </div>
</template>

<script setup>
import HomeNavBar from './cpns/home-nav-bar.vue'
import HomeSearchBox from './cpns/home-search-box.vue'
import HomeCategories from './cpns/home-categories.vue'
import HomeContent from './cpns/home-content.vue'
import HomeTest from  './cpns/home-test.vue'

import {useHomeStore} from "@/stores/modules/home";

const homeStore = useHomeStore();
homeStore.fetchCategoriesData()
</script>

<style lang="less" scoped>
// 当前组件根css类
.current-root {
  .banner {
    img {
      width: 100%;
    }
  }

}
</style>